import { createGlobalStyle } from 'styled-components';
import normalize from 'normalize.css';

export default createGlobalStyle`
    ${normalize}

    *, *:before, *:after{
        box-sizing: border-box;
    }

    body,
    html{
        height: 100%;
        marginP: 0;
    }

    body{
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sna-serif;
        background-color: #fff,
        line-height: 1.4;
    }

    a:link,
    a:visited{
        color: #0077cc;
    }

    a:hover,
    a:focus{
        color: #004499;
    }

    code,
    pre{
        max-width: 100%;
    }
`;